<?php
/**
 * Created by PhpStorm.
 * User: hcadmin
 * Date: 17/1/2
 * Time: 下午2:28
 */
use app\assets\AppAsset;
$baseUrl = Yii::$app->request->baseUrl;
AppAsset::addCss($this,$baseUrl."");
AppAsset::addCss($this,$baseUrl."");
AppAsset::addScript($this, $baseUrl . "");
?>

<style>
    html, body {
        position: relative;
        height: 100%;
    }
    body {
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color:#000;
        margin: 0;
        padding: 0;
    }
    .info-content img{
        display: inline-block;
    }
    .activity-apply a{
        display: inline-block;
        padding:3px 8px 3px 8px;
        color: #fff;
        margin-left: 5px;
        border-radius: 5px;
    }
    .review-content{
        padding: 0;
    }

    .swiper-container {
        width: 60%;
        height: 300px;


    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .swiper-pagination{
        left: 20px;
    }
  .swiper-pagination-bullet{
      width: 100px;
      height: 100px;
      margin-top: -150px;
      margin-left: -20px!important;
      border-radius: 0!important;

  }

</style>


<div class="professional-head ">
    <img class=""  src="../../img/professional-head.png">

</div>
<div class="women-create-info col-md-12" style="background: url(../../img/houdongbeijing@1x.png) no-repeat center;height: 600px;">
    <div class="col-md-10 col-md-offset-1 col-xs-10 col-xs-offset-1" style="background: #fff;margin-top: 90px;position:absolute; bottom: 30px;">

        <div class="info-img col-md-7 col-xs-10 ">
            <img class=""  src="../../img/oldmanbeijing.jpeg" style="margin-top: 18px;margin-left: -10px; margin-bottom: 18px;">
        </div>
        <div class="info-content col-md-4 col-xs-10 " style=" ;margin-left: 25px;">
            <h3 style="text-align: center">湖州女性创业活动</h3>
            <div>
                <img src="../../img/zhubanfang@1x.png"><span>主办方: IIE国际创业学院</span>
            </div>
            <div>
                <img src="../../img/didian@1x.png"><span>地点: 国际创业学院百森教室</span>
            </div>
            <div>
                <img src="../../img/time@1x.png"><span>时间: 2016 12月18号 上午 9:00</span>
            </div>
            <div>
                <img src="../../img/mengpiao@1x.png"><span>门票: 免费</span>
            </div>
            <div style="font-size: 12px;margin-top: 10px;">活动详情: 主办方主办方主办方主办方主办方主办方主办方主办方
                主办方主办方主办方主办方主办方主办方主办方主办方
                主办方主办方主办方主办方主办方主办方主办方主办方
                主办方主办方主办方主办方主办方主办方主办方主办方
                主办方主办方主办方主办方主办方主办方主办方主办方
            </div>
            <div style="margin-left: auto;margin-top: 40px;" class="activity-apply col-xs-12">
                <a href="" style=" background-color: rgb(79,133,188);">活动详情</a>
                <a href="" style="background-color:rgb(133,38,49);">立即报名</a>
                <a href="" style="background-color:rgb(108,195,144) ">更多活动</a>
            </div>

        </div>
    </div>

</div>

<div class=" ">
    <img class=""  src="../../img/timeBackground.png">

</div>
<div style="background: url(../../img/zhuangjibeijng@1x.png) no-repeat;padding-top: 100px;padding-bottom: 100px;">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">Slide 1</div>
            <div class="swiper-slide">Slide 2</div>
            <div class="swiper-slide">Slide 3</div>

        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>
</div>



<div class="project-review" style="text-align: center;">
    <h3 style="margin-top: 30px;">- 项目回顾 -</h3>
    <p style="margin-top: 20px;margin-left: -1px;">PROJECT REVIEW</p>
    <div class="col-md-8 col-md-offset-2" style="margin-top: 40px;">
        <div class="col-md-6 review-content">
            <div class="col-md-6" style="padding: 0"><img src="../../img/test2.jpeg"></div>
            <div class="col-md-6" style="padding: 0"><img src="../../img/test3.jpeg"></div>
        </div>
        <div class="col-md-6 review-content">
            <div class="col-md-6" style="padding: 0"><img src="../../img/test2.jpeg"></div>
            <div class="col-md-6" style="padding: 0"><img src="../../img/test3.jpeg"></div>
        </div>
        <div class="col-md-6 review-content">
            <div class="col-md-6" style="padding: 0"><img src="../../img/test2.jpeg"></div>
            <div class="col-md-6" style="padding: 0"><img src="../../img/test3.jpeg"></div>
        </div>
        <div class="col-md-6 review-content">
            <div class="col-md-6" style="padding: 0"><img src="../../img/test2.jpeg"></div>
            <div class="col-md-6" style="padding: 0"><img src="../../img/test3.jpeg"></div>
        </div>

    </div>

</div>


<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true,
        direction: 'vertical'
    });


    $(".swiper-pagination-bullet").append('<span>"线上专技创业通"<span>')
</script>
